<script setup lang="ts">
import type { EChartsOption } from 'echarts';
import XEchart from '@/components/XEchart.vue';
const optioin: EChartsOption = {
	legend: {
		top: 'bottom'
	},
	toolbox: {
		show: true,
		feature: {
			mark: { show: true },
			dataView: { show: true, readOnly: false },
			restore: { show: true },
			saveAsImage: { show: true }
		}
	},
	series: [
		{
			name: 'Nightingale Chart',
			type: 'pie',
			data: [
				{ value: 40, name: 'rose 1' },
				{ value: 38, name: 'rose 2' },
				{ value: 32, name: 'rose 3' },
				{ value: 30, name: 'rose 4' },
				{ value: 28, name: 'rose 5' },
				{ value: 26, name: 'rose 6' },
				{ value: 22, name: 'rose 7' },
				{ value: 18, name: 'rose 8' }
			]
		}
	]
};
</script>

<template>
	<n-card>
		<x-echart :option="optioin" />
	</n-card>
</template>

<style scoped></style>
